@import "/web/css/common/main-mobile";


body{background: url("./img/BG.jpg") center 150px no-repeat;}
.title-1{width: 268px;height: 132px;margin: 15px auto 0;background: url("../sign-up/img/title-1.png") center top / contain no-repeat;}
.main-cont{width: 100%;height: 699px;background: url("./img/main-cont.png") center top no-repeat;}

.info-title{
    width: 100%;height: 37px;margin-top: 35px;background: center top / contain no-repeat;clear: both;
    &.info-title-1{background-image: url("../sign-up/img/info-title-1.png");}
    &.info-title-2{background-image: url("../sign-up/img/info-title-2.png");}
    &.info-title-3{background-image: url("../sign-up/img/info-title-3.png");margin-top: 50px;}
}

.forms{
    padding-bottom: 50px;
    .group{
        line-height: 50px;
        &:after{content: '';display: block;clear: both;}
        .all{width: 100%!important;}
        .input{
            width: 100%;height: 100%;float: left;margin-top: 34px;position: relative;
            & > *{float: left;};
        }
        label{width: 140px;margin-right: 20px;text-align: right;font-size: 18px;}
        input,select,textarea{height: 50px;box-sizing: border-box;width: 300px;padding: 0 15px;font-size: 18px;border: 1px solid #cfcfcf;transition: .5s;font-family: inherit;
            &::placeholder{line-height: 24px;}
            &:focus{border-color: #616161;}
        }
        span{font-size: 16px;margin-left: 30px;}
        b{font-size: 14px;margin-left: 20px;color: #d75874;position: absolute;top: 50px;left: 160px;line-height: 34px;}
        textarea{padding: 15px;resize:none;height: 150px;}
        select{
            background: transparent url("../index/img/drop-down.png") right top no-repeat;
        }
        &.group-area{
            height: 200px;
        }
        &.group-upload{
            .upload-box{
                float: none;width: 250px;position: relative;cursor: pointer;line-height: 333px;text-align: center;margin: 0 auto;height: 333px;
                img{max-height: 100%;vertical-align: middle;}
                .cover{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);line-height: 333px;text-align: center;
                    .icon{display: inline-block;vertical-align: middle;background: url("../sign-up/img/upload-add.png") center / contain no-repeat;width: 60px;height: 60px;
                        &.loading{background-image: url("../sign-up/img/loding.gif");}
                    }
                }
            }
            b{line-height: 30px;padding-top: 10px;float: none;display: block;position: static;text-align: center;margin: 0;}
        }
    }
    .car-choice{
        margin-top: 25px;height: 30px;line-height: 30px;font-size: 18px;font-weight: bold;text-align: center;
        label{cursor: pointer;}
        .input{
            display: inline-block;width: 24px;height: 24px;box-sizing: border-box;border: 2px solid #d75874;border-radius: 100%;vertical-align: -5px;margin-right: 10px;position: relative;
            &.true:before{content: '';position: absolute;width: 16px;height: 16px;border-radius: 100%;top: 2px;left: 2px;background-color: #d75874;}
        }
        &.rule-box{
            font-size: 16px;font-weight: normal;
            b{color: #d75874;font-size: 16px;font-weight: inherit;text-decoration: underline;cursor: pointer;}
        }
    }
    .save{
        display: block;width: 280px;height: 68px;background: url("../sign-up/img/save.png") center top / contain no-repeat;margin: 30px auto 0;
    }
}